<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>导游详情页</title>
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="../../css/daoyou/Details.css " type="text/css">

    <link rel="stylesheet" type="text/css" href="../../css/daoyou/Indexhead.css">

    <link rel="stylesheet" href="../../css/daoyou/style.css ">
    <link rel="stylesheet" href="../../css/daoyou/comment.css">

    <link href="../../H+/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../../H+/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="../../H+/js/plugins/fancybox/jquery.fancybox.css" rel="stylesheet">
    <link href="../../H+/css/animate.css" rel="stylesheet">
    <link href="../../H+/css/style.css?v=4.1.0" rel="stylesheet">


        <!-- 引入外部的css样式 -->
        <link rel="stylesheet" href="../../plugins/bootstrap/css/animate.css" type="text/css">
        <link rel="stylesheet" href="../../plugins/bootstrap/css/font-awesome.css?v=4.4.0" type="text/css">
        <link href="../../plugins/bootstrap/css/style.css?v=4.1.0" rel="stylesheet" type="text/css">
 <!-- 引用自己写的css样式 -->
 <link href="../../css/index/index.css" rel="stylesheet" type="text/css">

</head>

<body>



<!--导航栏  -->
<div class="container-fluid" id="head" style="margin-bottom: 0px;">
        <div class="row">

            <nav class="navbar" role="navigation"
                style="background-color: rgb(206, 228, 247);padding-left: 100px;margin-bottom: 0px">
                <div class="container-fluid">
                    <div>
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#example-navbar-collapse" style="background-color: royalblue">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a href="index.html"> <img src="../../imgs/index/logo.jpg" alt="失败" id="logo"
                                class="img-circle navbar-brand"></a>
                        <a class="navbar-brand" href="index.html" style="padding-left: 0px;font-family:楷体">
                            <span data-toggle="tooltip" title="悠 U 新方式">
                                悠&nbsp;U</span></a>
                    </div>

                    <div class="collapse navbar-collapse" id="example-navbar-collapse ">
                        <ul class="nav navbar-nav ">
                            <li><a href="index.html">
                                    <span style="padding:0px 20px" data-toggle="tooltip" title="首页"> 首页</span></a></li>

                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    游记<b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-user"
                                                style="text-shadow: rgb(216, 206, 206) 3px -1px;"></span>
                                            &nbsp;达人
                                            <span class="badge pull-center" style="background-color: red">hot</span>
                                        </a></li><br>
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-edit"></span>
                                            写游记
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">赚钻石</span>
                                        </a></li><br>
                                    <li><a href="#">
                                            <span class="glyphicon glyphicon-flag"></span>
                                            游记主页</a></li><br>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    景点<b class="caret"></b>
                                    <!-- <span class="label label-danger" style="font-size: 1px;">NEW</span>-->
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#"><span class="glyphicon glyphicon-fire">&nbsp;主题景点</span>
                                            <span class="badge pull-center"
                                                style="background-color: red;font-size:3px">NEW</span>
                                        </a></li><br>
                                    <li><a href="#"><span class="glyphicon glyphicon-plane">&nbsp;精品行程</span></a></li>
                                    <br>
                                    <li><a href="#"><span class="glyphicon glyphicon-bell">&nbsp;当地玩乐</span></a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">
                                    <span data-toggle="tooltip" title="导&nbsp;游">导游</span>
                                    <!-- <span class="badge pull-center"
                                                style="color: red;font-size:1px">hot</span> -->
                                </a>
                            </li>

                        </ul>

                        <!-- <div style="padding-top:15px" class="">
                                        <input type="text" placeholder="用户/游戏/动态" style=" height:20px">
                                        
                                    </div> -->


                        <ul class="nav navbar-nav navbar-right" style="padding-right: 100px">

                            <li class="dropdown">
                            <li> <a></a></li>
                            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown"
                                    style="font-family: 楷体;padding-left: 0px">
                                    我的悠 U &nbsp;<img id="headerImg" src="../../imgs/index/head.jpg"
                                        class="img-circle"><b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">我的订单</a>
                                    </li>
                                    <li>
                                        <a href="#">我的导游</a>
                                    </li>
                                    <li>
                                        <a href="#">我的钱包</a>
                                    </li>

                                    <li>
                                        <a href="#">我的游记</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li> <a href="#">互动信息</a> </li>
                                    <li> <a href="#">我的账号</a> </li>
                                    <li> <a href="#">退出</a> </li>

                                </ul>
                            </li>
                            <li><a href="#weibo" style="padding-left:2px;padding-right: 2px"><i
                                        class="fa fa-weibo"></i></a></li>
                            <li><a href="#weixin" style="padding-left:2px;padding-right: 2px"><i
                                        class="fa fa-weixin"></i> </a></li>
                            <li><a href="#weixin" style="padding-left:2px;padding-right: 2px"> <i
                                        class="fa fa-qq"></i></a></li>
                            <li><a href="" style="padding-left:10px;padding-right: 10px">登录</li> </a>
                            <li><a href="" style="padding-left:10px;padding-right: 10px">注册</li> </a>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>






    <!-- 缓冲区 -->

    <div class="z-banner h">
        <div class="z-ban-bg"></div>
        <div class="container">

            <div class="d-ta">
                <div class="a"
                    style="font-size:38px;height: 55px;overflow: hidden;margin-bottom: 10px;text-shadow: 0.588px 0.809px 2px rgba(0, 0, 0, 0.16);">
                    <strong>杭州导游</strong>_<strong>杭州私人导游</strong>_<strong>杭州当地导游</strong>_<strong>杭州网约导游</strong>
                </div>
                <h1 class="b" style="overflow: hidden;height: 30px;">杭州旅游_杭州自由行_杭州自助游_杭州自驾游就找杭州当地向导胡娜娜</h1>
            </div>
        </div>
    </div>


    <!-- 缓冲区 end -->


    <!-- 导游个人简介 -->
    <div class="container" style="margin-top: 20px;">
        <div class="row">
            <div>
                <div>
                    <img id="daoyouheadimg" class="a f1" src="../../imgs/dy_wzx.jpg">

                </div>

                <div class="col-md-7 col-xs-6 f1 ">
                    <h2 class="a">
                        <b class="a1 f1">拖鞋妹</b>
                        <em class="a2 f1">钻石导游</em>
                        <span title="已认证" class="c"></span>
                        <span class="f1 " style=" margin-left:10px ;margin-top:0px;">
                            <img src="../../imgs/dyxx.png" alt="导游等级" class="img" style=" float:left; margin-top:8px;">
                            <img src="../../imgs/dyxx.png" alt="导游等级" class="img" style=" float:left; margin-top:8px;">
                            <img src="../../imgs/dyxx.png" alt="导游等级" class="img" style=" float:left; margin-top:8px;">
                        </span>
                        <i class="f1 dyheadphone"></i>
                        <span class="f1" style="font-size:16px;">18969937345</span>
                        <span class="f1" style="font-size:16px;">
                            <i class="f1 a3"></i>人气
                            <em id="renqinum" style="margin: 0 5px;">525416</em>
                            <a style="color: #8ec31f;" href="javascript:AddUserRenQi('17484')">给我投票</a>
                        </span>
                    </h2>
                    <div class="b">
                        <P class="b1">
                            <em style="margin-right:40px;">Ta居住在:杭州</em>
                            <em style="margin-right:40px;">从业：8年</em>
                            <em style="margin-right:40px;">精通：中文、英文</em>
                        </P>
                        <p class="b1">
                            Ta的专长：
                            专做杭州周边及本地旅游，乡村旅游、私人定制！ </p>
                        <p class="b1">
                            个人介绍：
                            从事旅游业8年有余，针对杭州周边游、乡村体验游、杭州私人定制旅游路线，有自己的独到见解和旅行目的地。
                            我会在杭州继续奋斗下去，成为导游界“一股清流”。
                        </p>
                    </div>


                </div>
                <div class="fr " style="text-align: center;">
                    <a title="杭州导游胡娜娜" style="text-decoration: none">
                        <img style=" padding: 10px 20px;"
                            src="https://dycom.oss-cn-hangzhou.aliyuncs.com/userfiles/ListImg/20181204/a15a21871bf845799634fdd3aa89b597174843.png"
                            alt="杭州导游胡娜娜" class="imgs">

                    </a>
                    <a href="reservation.html" style="text-decoration: none">
                    <button type="button"  class="btn btn-warning">预约</button>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 导游个人简介end -->




    <!-- 导游图片 -->
    
    <div class="wrapper wrapper-content gray-bg">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <a class="fancybox" href="../../imgs/travler/travler5.jpg" title="图片13">
                            <img alt="image" src="../../imgs/travler/travler5.jpg" />
                        </a>
                        <a class="fancybox" href="../../imgs/travler/travler2.jpg" title="图片14">
                            <img alt="image" src="../../imgs/travler/travler2.jpg" />
                        </a>
                        <a class="fancybox" href="../../imgs/travler/travler3.png" title="图片15">
                            <img alt="image" src="../../imgs/travler/travler3.png" />
                        </a>
                        <a class="fancybox" href="../../imgs/travler/travler4.jpg" title="图片16">
                            <img alt="image" src="../../imgs/travler/travler4.jpg" />
                        </a>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 导游图片end -->

 
  



    <!-- 评论 -->

     <!--回复区域 begin-->
   
     <div class="container" style="color: #8ec31f" >
         <div class="row" style="color: antiquewhite">


        <div class="comment-show-con clearfix" style="width: 1200px;margin: 0 auto; ">
            <div class="comment-show-con-img pull-left">
                <img src="../../imgs/travler/头像1.jpg "  style="width: 48px;
                height: 48px;"></div>
            <div class="comment-show-con-list pull-left clearfix">
                <div class="pl-text clearfix">
                    <a href="#" class="comment-size-name">张三 : </a>
                    <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
                </div>
                <div class="date-dz">
                    <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
                               
                    <div class="date-dz-right pull-right comment-pl-block">
                   
                        <span  class="date-dz-right pull-left ccomment-time" style=" color: darksalmon;margin-left: 0px;font-szie:14px;">★★★★★</span>
               
                        <div style="margin-top:5px">
                             <a href="javascript:;" class="date-dz-z pull-left;">赞(<i class="z-num">666</i>)</a>
                        </div>
                       
                    </div>
                </div>
                <div class="hf-list-con"></div>
            </div>
        </div>

      


        <div class="comment-show-con clearfix" style="width: 1200px;margin: 0 auto; ">
                <div class="comment-show-con-img pull-left">
                    <img src="../../imgs/travler/头像1.jpg "  style="width: 48px;
                    height: 48px;"></div>
                <div class="comment-show-con-list pull-left clearfix">
                    <div class="pl-text clearfix">
                        <a href="#" class="comment-size-name">张三 : </a>
                        <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
                    </div>
                    <div class="date-dz">
                        <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
                                   
                        <div class="date-dz-right pull-right comment-pl-block">
                       
                            <span  class="date-dz-right pull-left ccomment-time" style=" color: darksalmon;margin-left: 0px;font-szie:14px;">★★★★★</span>
                   
                            <div style="margin-top:5px">
                                 <a href="javascript:;" class="date-dz-z pull-left;">赞(<i class="z-num">666</i>)</a>
                            </div>
                           
                        </div>
                    </div>
                    <div class="hf-list-con"></div>
                </div>
            </div>



            <div class="comment-show-con clearfix" style="width: 1200px;margin: 0 auto; ">
                    <div class="comment-show-con-img pull-left">
                        <img src="../../imgs/travler/头像1.jpg "  style="width: 48px;
                        height: 48px;"></div>
                    <div class="comment-show-con-list pull-left clearfix">
                        <div class="pl-text clearfix">
                            <a href="#" class="comment-size-name">张三 : </a>
                            <span class="my-pl-con">&nbsp;来啊 造作啊!</span>
                        </div>
                        <div class="date-dz">
                            <span class="date-dz-left pull-left comment-time">2017-5-2 11:11:39</span>
                                       
                            <div class="date-dz-right pull-right comment-pl-block">
                           
                                <span  class="date-dz-right pull-left ccomment-time" style=" color: darksalmon;margin-left: 0px;font-szie:14px;">★★★★★</span>
                       
                                <div style="margin-top:5px">
                                     <a href="javascript:;" class="date-dz-z pull-left;">赞(<i class="z-num">666</i>)</a>
                                </div>
                               
                            </div>
                        </div>
                        <div class="hf-list-con"></div>
                    </div>
                </div>

    </div>
</div>
    <!--回复区域 end-->



    <!-- 评论end -->





























    <!-- 全局js -->
    <script src="../../H+/js/jquery.min.js?v=2.1.4"></script>
    <script src="../../H+/js/bootstrap.min.js?v=3.3.6"></script>



    <!-- Peity -->
    <script src="../../H+/js/plugins/peity/jquery.peity.min.js"></script>


    <script type="text/javascript" src="../../js/daoyou/jquery-1.12.0.min.js"></script>
    <script type="text/javascript" src="../../js/daoyou/jquery.flexText.js"></script>

    <!-- Fancy box -->
    <script src="../../H+/js/plugins/fancybox/jquery.fancybox.js"></script>


    <script>
        $(document).ready(function () {
            $('.fancybox').fancybox({
                openEffect: 'none',
                closeEffect: 'none'
            });
        });
    </script>




</body>

</html>